<?php

/* html/home/1.tpl.html */
class __TwigTemplate_9c9f8af6a62a146dd256ca3ed150fa48029cca11c86238caea5394ee799043b0 extends Twig_Template
{
    public function __construct(Twig_Environment $env)
    {
        parent::__construct($env);

        $this->parent = false;

        $this->blocks = array(
        );
    }

    protected function doDisplay(array $context, array $blocks = array())
    {
        // line 1
        echo "
<!DOCTYPE html>
<html class=\"ui-mobile\">
<head>
\t<meta charset=\"utf-8\">
\t<meta property=\"og:site_name\" content=\"花田-危秒关系\">
\t<meta property=\"og:title\" content=\"听完这段语音，我承认我整个人都酥了！\">
\t<meta property=\"og:type\" content=\"webpage\">
\t<meta property=\"og:description\" content=\"网易花田尬聊实战测试，25463人已送命。还谈什么恋爱，连命都没了......\">
\t<title>联通</title>
\t<meta http-equiv=\"pragma\" content=\"no-cache\">
\t<meta http-equiv=\"cache-control\" content=\"no-cache\">
\t<meta http-equiv=\"expires\" content=\"0\">
\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
\t<link rel=\"stylesheet\" href=\"/static/home/css/jquery.mobile-1.4.5.min.css\">
\t<script src=\"http://www.tuzicloud.com/upage/3/100021/js/jquery-2.1.0.min.js\"></script>
\t<script src=\"http://www.tuzicloud.com/upage/3/100021/js/jquery.mobile-1.4.5.min.js\"></script>
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"/static/home/css/main.css\">
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"/static/home/css/style2.css\">
\t<script type=\"text/javascript\" src=\"/static/home/anim.js\"></script>
\t<script type=\"text/javascript\" src=\"/static/home/main.js\"></script>
\t<script language=\"javascript\" src=\"http://res.wx.qq.com/open/js/jweixin-1.2.0.js\"></script>
\t<script src='/static/layer-v3.1.1/layer/mobile/layer.js'></script>
\t</head>
<script type=\"text/javascript\">
//询问框

/*
var user;
user = getWxUserinfo('wx0fdcf225acfacadf');
var name = '小兔子';
var img = 'img/01.jpg';
var share = -1;
if (user) {
    // 设定分享的内容
    name = user.nickname;
    img = user.avatar;
    var title = '听完这段语音，我承认我整个人都酥了！';
    var desc = '网易花田尬聊实战测试，25463人已送命。还谈什么恋爱，连命都没了......';
    var url = window.location.origin + window.location.pathname;
    setWxShare(title, desc, url, img);
}*/

\$(document).ready(function() {
\t
\t
    // 点击角色
    /*\$('.chat-start').click(function() {
        c.audioPlay('xiu');

        // 获取聊天用户id
        c.personID = \$(this).attr('pid');
        c.pname = \$(this).attr('pname');
        share = c.personID;
        // popup(c.personID, c.pname);
        c.getJson(c.personID);
        \$('#match-popup').hide();
        \$('#match-container').hide();

        \$('#circle-photo div').css(\"background-image\", \"url('ques/\" + c.personID + \"/motion.png')\");

        \$.mobile.changePage(\$('#chat'), 'none');

        // 获取id对应的题
        // c.getJson(c.personID);

        // 设置分享
        if (user) {
            if (share == 0) {
                \$(\"meta[property='og:title']\").attr(\"content\", \"答错一题就别想让我以身相许\");
                title = '答错一题就别想让我以身相许';

            }
            if (share == 1) {
                \$(\"meta[property='og:title']\").attr(\"content\", \"情话绵绵绵绵绵绵绵里藏针\");
                title = '情话绵绵绵绵绵绵绵里藏针';
            }
        }
        setWxShare(title, desc, url, img);
    });*/
});
var img = 'img/01.jpg';
\tvar name = '小兔子';
    var c = new Chater();
    c.myPhoto = img;
    c.myName = name;
    // 如果从chat返回到首页初始化数据
    \$(window).on(\"navigate\", function(event, data) {
        if (data.state.pageUrl == undefined) {
            c.init();
        }
    });
function chatstart( pid , name){
\t\tc.audioPlay('xiu');

        // 获取聊天用户id
        c.personID = pid;
        c.pname = name;
        share = c.personID;
        // popup(c.personID, c.pname);
        c.getJson(c.personID);
        \$('#match-popup').hide();
        \$('#match-container').hide();

        \$('#circle-photo div').css(\"background-image\", \"url('ques/\" + c.personID + \"/motion.png')\");

        \$.mobile.changePage(\$('#chat'), 'none');

        // 获取id对应的题
        // c.getJson(c.personID);

        // 设置分享
        if (user) {
            if (share == 0) {
                \$(\"meta[property='og:title']\").attr(\"content\", \"答错一题就别想让我以身相许\");
                title = '答错一题就别想让我以身相许';

            }
            if (share == 1) {
                \$(\"meta[property='og:title']\").attr(\"content\", \"情话绵绵绵绵绵绵绵里藏针\");
                title = '情话绵绵绵绵绵绵绵里藏针';
            }
        }
        setWxShare(title, desc, url, img);
\t}
function fiveonesev(){
\talert(517)
}
</script><style type=\"text/css\">
</style>
<body class=\"ui-mobile-viewport ui-overlay-a\">
\t
    <!-- 选人page -->
    <div data-role=\"page\" id=\"info\" >
\t\t<div style=\"position: absolute;z-index: 1000;right: 0.5rem;top: 0.5rem;\" onclick='jinlang()'>
\t\t<img src='/static/home/img/jinnang.png' style=\"width:4rem;\">
\t</div>
        <div class=\"banner\">
          <!-- <div class=\"logo\"></div>-->
\t\t  
\t\t   <img src='/static/home/img/bingkuan.png' style='width:100%;margin:0;padding:0;background-size:cover;' usemap=\"#bingkuanmap\">
\t\t\t<map name=\"bingkuanmap\" id=\"bingkuanmap\">
\t\t\t\t <area shape=\"rect\" coords=\"50,300,170,510\" class='planetSelect' class=\"chat-start\" onclick='chatstart(0,\"小冰\")' pid=\"0\" pname=\"小冰\" alt=\"Sun\" />
\t\t\t\t  <area shape=\"rect\" coords=\"190,300,310,510\" class='planetSelect' class=\"chat-start\" onclick='chatstart(1,\"小宽\")'  pid=\"1\" pname=\"小宽\" alt=\"Sun\" />
\t\t\t\t  <area shape=\"rect\" coords=\"60,50,310,270\" class='planetSelect' class=\"chat-start\" onclick='fiveonesev()'  alt=\"Sun\" />
\t\t\t</map>
            <!-- <div class=\"chat-start\" pid=\"0\" pname=\"小冰\"><img src=\"/static/home/img/xiaobin.png\"></div>
            <div class=\"chat-start\" pid=\"1\" pname=\"小宽\"><img src=\"/static/home/img/akuan.png\"></div>-->
        </div>
        <!--<div class=\"page-intro\">
            <img src=\"http://www.tuzicloud.com/upage/3/100021/img/huatianlogo.png\"><span>x</span>
            <img src=\"http://www.tuzicloud.com/upage/3/100021/img/coslogo.png\" class=\"coslogo\"><span>x</span>
            <img src=\"http://www.tuzicloud.com/upage/3/100021/img/h5logo.png\">
</div>-->
    </div>
    <!-- 聊天page -->
    <div data-role=\"page\" id=\"chat\">
        <!-- 对话界面 -->
        <div role=\"main\" class=\"ui-content\" id=\"main\"></div>
        <div id=\"panel-faker\"></div>
        <!-- 选择回答区域 -->
        <div data-role=\"footer\" data-position=\"fixed\" data-tap-toggle=\"false\">
            <!-- 备选答案 -->
            <div id=\"panel\"></div>
            <div id=\"panel-btn\">
                <div data-inline=\"true\" class=\"panel-photo\" id=\"circle-photo\">
                    <!-- <img src=\"img/p1.png\" /> -->
                    <div class=\"person-motion-1\"></div>
                    <canvas id=\"circle-line\" width=\"100\" height=\"100\"></canvas>
</div>
                <a href=\"#\" class=\"ui-btn chatbtn\" id=\"toggle\">选择回复内容...</a>
            </div>
        </div>
        <!-- popup -->
        <div id=\"match-popup\"></div>
        <div id=\"match-container\">
            <div class=\"match-photos\">
                <img class=\"match-photo-op\">
</div>
            <div class=\"match-tit\"></div>
            <div class=\"voice-play\">
                <div class=\"sk-three-bounce\">
                    <div class=\"sk-child sk-bounce1\"></div>
                    <div class=\"sk-child sk-bounce2\"></div>
                    <div class=\"sk-child sk-bounce3\"></div>
                </div>
            </div>
            <div><img src=\"http://www.tuzicloud.com/upage/3/100021/img/callon.png\" id=\"chat-open\"></div>
        </div>
    </div>
    <!-- 样式模版 -->
    <!-- 样式模版 左侧聊天框 -->
    <div id=\"ui-templates\" class=\"hide\">
        <div class=\"chat-cell chat-cell-left\">
            <div class=\"person-photo\">
                <img src=\"http://www.tuzicloud.com/upage/3/100021/img/01.jpg\" class=\"info-img\">
</div>
            <div class=\"chat-content chat-content-left\">hi</div>
        </div>
        <!-- 样式模版 右侧聊天框 -->
        <div class=\"chat-cell chat-cell-right\">
            <div class=\"person-photo\">
                <img src=\"http://www.tuzicloud.com/upage/3/100021/img/01.jpg\" class=\"info-img\">
</div>
            <div class=\"chat-content chat-content-right\">hi</div>
            <!-- 样式模版 左侧聊天框 消息发送失败 -->
            <div class=\"chat-warning hide\">!</div>
            <!-- 样式模版 左侧聊天框 消息已读 -->
            <div class=\"chat-readed hide\">已读</div>
        </div>
        <!-- 样式模版 备选答案 -->
        <a class=\"ui-btn ans-cell chatbtn\" data-role=\"button\" href=\"#\" score=\"\" goto=\"\">Hi</a>
        <!-- 聊天中的旁白样式 -->
        <p class=\"chat-hint fade-animate\"></p>
        <!-- 游戏结束后的选择 -->
        <div class=\"end-btn\">
            <div class=\"qrcode\">
                <img src=\"http://www.tuzicloud.com/upage/3/100021/img/qrcode.png\">
</div>
            <div class=\"restart-btn\">
                <a href=\"#\" class=\"ui-btn chatbtn\" id=\"re-chat\">重新聊</a>
                <a href=\"#\" class=\"ui-btn chatbtn\" id=\"re-select\">换个人聊</a>
            </div>
        </div>
        <!-- 结局，默认参数为一败涂地-->
        <div class=\"end-container bounceIn\">
            <ul class=\"end-line endf-line\"></ul>
<ul class=\"e-score score-0\"></ul>
<ul class=\"e-fen f-fen\"></ul>
<ul class=\"end-line endf-line\"></ul>
   <!--<div class=\"end-text f-text\"></div>
         <div class=\"huatianstamp\"><img src=\"http://www.tuzicloud.com/upage/3/100021/img/huatianstamp.png\"></div> -->
        </div>
        <!-- 聊天框中的loading -->
        <div class=\"sk-three-bounce\">
            <div class=\"sk-child sk-bounce1\"></div>
            <div class=\"sk-child sk-bounce2\"></div>
            <div class=\"sk-child sk-bounce3\"></div>
        </div>
    </div>
    <!-- 得分动画 -->
    <div id=\"get-point\" class=\"hide fadeOutUp\">
        <div class=\"get-point-0\"></div>
    </div>

<script language=\"javascript\" src=\"/static/home/base.js\"></script>
<script>
\tfunction jinlang(){
\t\tif( localStorage.getItem(\"userSelect\") == 2 ){
\t\t\t//联通用户
\t\t\twindow.location.href = '/home/jinlang2.html';
\t\t\treturn;
\t\t}
\t\twindow.location.href = '/home/jinlang.html';
\t}
</script>
</body>
</html>
";
    }

    public function getTemplateName()
    {
        return "html/home/1.tpl.html";
    }

    public function getDebugInfo()
    {
        return array (  19 => 1,);
    }

    public function getSourceContext()
    {
        return new Twig_Source("
<!DOCTYPE html>
<html class=\"ui-mobile\">
<head>
\t<meta charset=\"utf-8\">
\t<meta property=\"og:site_name\" content=\"花田-危秒关系\">
\t<meta property=\"og:title\" content=\"听完这段语音，我承认我整个人都酥了！\">
\t<meta property=\"og:type\" content=\"webpage\">
\t<meta property=\"og:description\" content=\"网易花田尬聊实战测试，25463人已送命。还谈什么恋爱，连命都没了......\">
\t<title>联通</title>
\t<meta http-equiv=\"pragma\" content=\"no-cache\">
\t<meta http-equiv=\"cache-control\" content=\"no-cache\">
\t<meta http-equiv=\"expires\" content=\"0\">
\t<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
\t<link rel=\"stylesheet\" href=\"/static/home/css/jquery.mobile-1.4.5.min.css\">
\t<script src=\"http://www.tuzicloud.com/upage/3/100021/js/jquery-2.1.0.min.js\"></script>
\t<script src=\"http://www.tuzicloud.com/upage/3/100021/js/jquery.mobile-1.4.5.min.js\"></script>
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"/static/home/css/main.css\">
\t<link rel=\"stylesheet\" type=\"text/css\" href=\"/static/home/css/style2.css\">
\t<script type=\"text/javascript\" src=\"/static/home/anim.js\"></script>
\t<script type=\"text/javascript\" src=\"/static/home/main.js\"></script>
\t<script language=\"javascript\" src=\"http://res.wx.qq.com/open/js/jweixin-1.2.0.js\"></script>
\t<script src='/static/layer-v3.1.1/layer/mobile/layer.js'></script>
\t</head>
<script type=\"text/javascript\">
//询问框

/*
var user;
user = getWxUserinfo('wx0fdcf225acfacadf');
var name = '小兔子';
var img = 'img/01.jpg';
var share = -1;
if (user) {
    // 设定分享的内容
    name = user.nickname;
    img = user.avatar;
    var title = '听完这段语音，我承认我整个人都酥了！';
    var desc = '网易花田尬聊实战测试，25463人已送命。还谈什么恋爱，连命都没了......';
    var url = window.location.origin + window.location.pathname;
    setWxShare(title, desc, url, img);
}*/

\$(document).ready(function() {
\t
\t
    // 点击角色
    /*\$('.chat-start').click(function() {
        c.audioPlay('xiu');

        // 获取聊天用户id
        c.personID = \$(this).attr('pid');
        c.pname = \$(this).attr('pname');
        share = c.personID;
        // popup(c.personID, c.pname);
        c.getJson(c.personID);
        \$('#match-popup').hide();
        \$('#match-container').hide();

        \$('#circle-photo div').css(\"background-image\", \"url('ques/\" + c.personID + \"/motion.png')\");

        \$.mobile.changePage(\$('#chat'), 'none');

        // 获取id对应的题
        // c.getJson(c.personID);

        // 设置分享
        if (user) {
            if (share == 0) {
                \$(\"meta[property='og:title']\").attr(\"content\", \"答错一题就别想让我以身相许\");
                title = '答错一题就别想让我以身相许';

            }
            if (share == 1) {
                \$(\"meta[property='og:title']\").attr(\"content\", \"情话绵绵绵绵绵绵绵里藏针\");
                title = '情话绵绵绵绵绵绵绵里藏针';
            }
        }
        setWxShare(title, desc, url, img);
    });*/
});
var img = 'img/01.jpg';
\tvar name = '小兔子';
    var c = new Chater();
    c.myPhoto = img;
    c.myName = name;
    // 如果从chat返回到首页初始化数据
    \$(window).on(\"navigate\", function(event, data) {
        if (data.state.pageUrl == undefined) {
            c.init();
        }
    });
function chatstart( pid , name){
\t\tc.audioPlay('xiu');

        // 获取聊天用户id
        c.personID = pid;
        c.pname = name;
        share = c.personID;
        // popup(c.personID, c.pname);
        c.getJson(c.personID);
        \$('#match-popup').hide();
        \$('#match-container').hide();

        \$('#circle-photo div').css(\"background-image\", \"url('ques/\" + c.personID + \"/motion.png')\");

        \$.mobile.changePage(\$('#chat'), 'none');

        // 获取id对应的题
        // c.getJson(c.personID);

        // 设置分享
        if (user) {
            if (share == 0) {
                \$(\"meta[property='og:title']\").attr(\"content\", \"答错一题就别想让我以身相许\");
                title = '答错一题就别想让我以身相许';

            }
            if (share == 1) {
                \$(\"meta[property='og:title']\").attr(\"content\", \"情话绵绵绵绵绵绵绵里藏针\");
                title = '情话绵绵绵绵绵绵绵里藏针';
            }
        }
        setWxShare(title, desc, url, img);
\t}
function fiveonesev(){
\talert(517)
}
</script><style type=\"text/css\">
</style>
<body class=\"ui-mobile-viewport ui-overlay-a\">
\t
    <!-- 选人page -->
    <div data-role=\"page\" id=\"info\" >
\t\t<div style=\"position: absolute;z-index: 1000;right: 0.5rem;top: 0.5rem;\" onclick='jinlang()'>
\t\t<img src='/static/home/img/jinnang.png' style=\"width:4rem;\">
\t</div>
        <div class=\"banner\">
          <!-- <div class=\"logo\"></div>-->
\t\t  
\t\t   <img src='/static/home/img/bingkuan.png' style='width:100%;margin:0;padding:0;background-size:cover;' usemap=\"#bingkuanmap\">
\t\t\t<map name=\"bingkuanmap\" id=\"bingkuanmap\">
\t\t\t\t <area shape=\"rect\" coords=\"50,300,170,510\" class='planetSelect' class=\"chat-start\" onclick='chatstart(0,\"小冰\")' pid=\"0\" pname=\"小冰\" alt=\"Sun\" />
\t\t\t\t  <area shape=\"rect\" coords=\"190,300,310,510\" class='planetSelect' class=\"chat-start\" onclick='chatstart(1,\"小宽\")'  pid=\"1\" pname=\"小宽\" alt=\"Sun\" />
\t\t\t\t  <area shape=\"rect\" coords=\"60,50,310,270\" class='planetSelect' class=\"chat-start\" onclick='fiveonesev()'  alt=\"Sun\" />
\t\t\t</map>
            <!-- <div class=\"chat-start\" pid=\"0\" pname=\"小冰\"><img src=\"/static/home/img/xiaobin.png\"></div>
            <div class=\"chat-start\" pid=\"1\" pname=\"小宽\"><img src=\"/static/home/img/akuan.png\"></div>-->
        </div>
        <!--<div class=\"page-intro\">
            <img src=\"http://www.tuzicloud.com/upage/3/100021/img/huatianlogo.png\"><span>x</span>
            <img src=\"http://www.tuzicloud.com/upage/3/100021/img/coslogo.png\" class=\"coslogo\"><span>x</span>
            <img src=\"http://www.tuzicloud.com/upage/3/100021/img/h5logo.png\">
</div>-->
    </div>
    <!-- 聊天page -->
    <div data-role=\"page\" id=\"chat\">
        <!-- 对话界面 -->
        <div role=\"main\" class=\"ui-content\" id=\"main\"></div>
        <div id=\"panel-faker\"></div>
        <!-- 选择回答区域 -->
        <div data-role=\"footer\" data-position=\"fixed\" data-tap-toggle=\"false\">
            <!-- 备选答案 -->
            <div id=\"panel\"></div>
            <div id=\"panel-btn\">
                <div data-inline=\"true\" class=\"panel-photo\" id=\"circle-photo\">
                    <!-- <img src=\"img/p1.png\" /> -->
                    <div class=\"person-motion-1\"></div>
                    <canvas id=\"circle-line\" width=\"100\" height=\"100\"></canvas>
</div>
                <a href=\"#\" class=\"ui-btn chatbtn\" id=\"toggle\">选择回复内容...</a>
            </div>
        </div>
        <!-- popup -->
        <div id=\"match-popup\"></div>
        <div id=\"match-container\">
            <div class=\"match-photos\">
                <img class=\"match-photo-op\">
</div>
            <div class=\"match-tit\"></div>
            <div class=\"voice-play\">
                <div class=\"sk-three-bounce\">
                    <div class=\"sk-child sk-bounce1\"></div>
                    <div class=\"sk-child sk-bounce2\"></div>
                    <div class=\"sk-child sk-bounce3\"></div>
                </div>
            </div>
            <div><img src=\"http://www.tuzicloud.com/upage/3/100021/img/callon.png\" id=\"chat-open\"></div>
        </div>
    </div>
    <!-- 样式模版 -->
    <!-- 样式模版 左侧聊天框 -->
    <div id=\"ui-templates\" class=\"hide\">
        <div class=\"chat-cell chat-cell-left\">
            <div class=\"person-photo\">
                <img src=\"http://www.tuzicloud.com/upage/3/100021/img/01.jpg\" class=\"info-img\">
</div>
            <div class=\"chat-content chat-content-left\">hi</div>
        </div>
        <!-- 样式模版 右侧聊天框 -->
        <div class=\"chat-cell chat-cell-right\">
            <div class=\"person-photo\">
                <img src=\"http://www.tuzicloud.com/upage/3/100021/img/01.jpg\" class=\"info-img\">
</div>
            <div class=\"chat-content chat-content-right\">hi</div>
            <!-- 样式模版 左侧聊天框 消息发送失败 -->
            <div class=\"chat-warning hide\">!</div>
            <!-- 样式模版 左侧聊天框 消息已读 -->
            <div class=\"chat-readed hide\">已读</div>
        </div>
        <!-- 样式模版 备选答案 -->
        <a class=\"ui-btn ans-cell chatbtn\" data-role=\"button\" href=\"#\" score=\"\" goto=\"\">Hi</a>
        <!-- 聊天中的旁白样式 -->
        <p class=\"chat-hint fade-animate\"></p>
        <!-- 游戏结束后的选择 -->
        <div class=\"end-btn\">
            <div class=\"qrcode\">
                <img src=\"http://www.tuzicloud.com/upage/3/100021/img/qrcode.png\">
</div>
            <div class=\"restart-btn\">
                <a href=\"#\" class=\"ui-btn chatbtn\" id=\"re-chat\">重新聊</a>
                <a href=\"#\" class=\"ui-btn chatbtn\" id=\"re-select\">换个人聊</a>
            </div>
        </div>
        <!-- 结局，默认参数为一败涂地-->
        <div class=\"end-container bounceIn\">
            <ul class=\"end-line endf-line\"></ul>
<ul class=\"e-score score-0\"></ul>
<ul class=\"e-fen f-fen\"></ul>
<ul class=\"end-line endf-line\"></ul>
   <!--<div class=\"end-text f-text\"></div>
         <div class=\"huatianstamp\"><img src=\"http://www.tuzicloud.com/upage/3/100021/img/huatianstamp.png\"></div> -->
        </div>
        <!-- 聊天框中的loading -->
        <div class=\"sk-three-bounce\">
            <div class=\"sk-child sk-bounce1\"></div>
            <div class=\"sk-child sk-bounce2\"></div>
            <div class=\"sk-child sk-bounce3\"></div>
        </div>
    </div>
    <!-- 得分动画 -->
    <div id=\"get-point\" class=\"hide fadeOutUp\">
        <div class=\"get-point-0\"></div>
    </div>

<script language=\"javascript\" src=\"/static/home/base.js\"></script>
<script>
\tfunction jinlang(){
\t\tif( localStorage.getItem(\"userSelect\") == 2 ){
\t\t\t//联通用户
\t\t\twindow.location.href = '/home/jinlang2.html';
\t\t\treturn;
\t\t}
\t\twindow.location.href = '/home/jinlang.html';
\t}
</script>
</body>
</html>
", "html/home/1.tpl.html", "D:\\soft\\phpstudy\\WWW\\liantongh5\\app\\views\\tpl\\html\\home\\1.tpl.html");
    }
}
